﻿<SettingsFlyout
    x:Name="settingsFlyout"
    x:Class="CorpStore.Controls.AboutFlyout"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CorpStore.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    IconSource="Assets/SmallLogo.png"
    Title="About"
    d:DesignWidth="346">

    <!-- This StackPanel acts as a root panel for vertical layout of the content sections -->
    <Grid ScrollViewer.VerticalScrollBarVisibility="Disabled" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- The StackPanel(s) below define individual content sections -->

        <!-- Content Section 1-->
        <StackPanel Grid.Row="0" Style="{StaticResource SettingsFlyoutSectionStyle}">

            <!-- Section 1 header -->
            <TextBlock x:Name="txtAppName" Style="{StaticResource TitleTextBlockStyle}" Text="{StaticResource AppName}" />

            <!-- Section 1 body -->
            <TextBlock Style="{StaticResource BodyTextBlockStyle}" Margin="0,0,0,25" TextWrapping="Wrap" Text="{StaticResource AppDescription}" />

            <!-- Version -->
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="Version" Style="{StaticResource BodyTextBlockStyle}" Margin="0,0,4,0"/>
                <TextBlock x:Name="txtVersionNum" Style="{StaticResource BodyTextBlockStyle}" Margin="0,0,0,25" TextWrapping="Wrap" />
            </StackPanel>

            <!-- LocalState Folder -->
            <StackPanel Orientation="Vertical" Margin="0,0,0,40">
                <TextBlock Text="LocalState Folder" Style="{StaticResource BodyTextBlockStyle}" Margin="0,0,4,4"/>
                <TextBox x:Name="txtLocalState" IsReadOnly="True" Margin="0,0,0,25" BorderThickness="0" TextWrapping="Wrap" />
            </StackPanel>

            <Button x:Name="btnShowReadme" Click="btnShowReadme_Click">View Readme...</Button>

        </StackPanel>

        <Border x:Name="brdReadme" Grid.Row="1" Visibility="Collapsed" BorderBrush="Black" BorderThickness="2" Padding="4" MaxHeight="200" >
            <ScrollViewer>
                <TextBlock x:Name="txtReadme" Text="test text to see how this will look when it wraps around here." Foreground="Black" FontFamily="Lucida Console" FontSize="12" TextWrapping="Wrap" />
            </ScrollViewer>
        </Border>

    </Grid>
</SettingsFlyout>
